#{extends 'main.html' /}
#{set title:'Buscar Publicaciones' /}
<meta charset="UTF-8"/>
<form class="well form-search" action="@{Publicaciones.buscar()}" style="text-align: center;">
	<input name="buscar" type="text" class="span8" placeholder=" :::: Buscar Publicacion :::: " autofocus="autofocus" autocomplete="off" />
	<button class="btn">Buscar</button>
</form>
<ul class="breadcrumb">
  <li>
    <a href="@{Application.index()}">Home</a> <span class="divider">/</span>    
  </li>  
  <li class="active">${loQueBusco}</li>
</ul>
#{if publicaciones.size > 0}
#{list items:publicaciones,as:'publicacion'}
	<div class="row-fluid">
		<div class="span2">
			<a href="@{Publicaciones.ver(publicacion.coPublicacion)}" class="thumbnail"> 
			<img src="/public/images/publicaciones/${publicacion?.deFoto1}" />
			</a>
		</div>
		<div class="span8">
			<h2><a href="@{Publicaciones.ver(publicacion.coPublicacion)}">${publicacion?.deTitulo}</a></h2>
			<p>${publicacion?.deDescripcion}</p>
		</div>
		<div class="span2">
			<p>
				<strong>Articulo:</strong> ${publicacion?.stIsNuevo}
			</p>
			<p>
				<strong>Precio :</strong> ${publicacion?.nuPrecio}
			</p>
			<p>
				<strong>Estado :</strong> ${publicacion?.stPublicacion}
			</p>
		</div>
	</div>
	<div class="pagination">
	  <ul>
	    <li><a href="#"> « </a></li>
	    <li class="active">
	      <a href="#">1</a>
	    </li>
	    <li><a href="#">2</a></li>
	    <li><a href="#">3</a></li>
	    <li><a href="#">4</a></li>
	    <li><a href="#"> » </a></li>
	  </ul>
	</div>
		
#{/list}
#{/if}
#{else}
 <div class="well">
	<div class="row-fluid">	
		<div class="span12">
			<h2 style="color: #DC7B1C">No hay concidendcias</h2>
			<ul style="list-style-type: circle;">
				<li><strong>Revisa la ortografía</strong> de la palabra.</li>
				<li>Utiliza <strong>palabras más genéricas</strong> o menos palabras.</li>
				<li><a href="">Navega por Categoria de publicaciones</a></li>
			</ul>
		</div>
	</div>
</div>
#{/else}